<template>
  <div class="b-firstScreen">
      <!-- <div class=".catact-help">
          <a href="">联系客服</a>
      </div> -->
      <banner></banner> 
      <div class="rcmd-box">
          <div class="video-card">
              <div class="info-box">
                  <a href="#">
                      <img src="~@assets/images/FirstScreen/first06.jpeg" alt="">
                      <div class="info">
                          <p title="每天练习一个小项目" class="title">每天练习一个小项目</p>
                          <p class="up">
                                <svg class="icon" aria-hidden="true">
                               <use xlink:href="#icon-UPzhu"></use>
                            </svg>
                              <i class="UPzhu">
                              "程序员就是我呀"
                              </i>
                          </p>
                          <p class="play">2.3万播放</p>
                      </div>
                  </a>
              </div>
              </div>
               <div class="video-card">
              <div class="info-box">
                  <a href="#">
                      <img src="~@assets/images/FirstScreen/first01.jpeg" alt="">
                      <div class="info">
                          <p title="每天练习一个小项目" class="title">每天练习一个小项目</p>
                          <p class="up">
                                <svg class="icon" aria-hidden="true">
                               <use xlink:href="#icon-UPzhu"></use>
                            </svg>
                              <i class="UPzhu">
                              "程序员就是我呀"
                              </i>
                          </p>
                          <p class="play">2.3万播放</p>
                      </div>
                  </a>
              </div>
              </div>
               <div class="video-card">
              <div class="info-box">
                  <a href="#">
                      <img src="~@assets/images/FirstScreen/first02.jpeg" alt="">
                      <div class="info">
                          <p title="每天练习一个小项目" class="title">每天练习一个小项目</p>
                          <p class="up">
                                <svg class="icon" aria-hidden="true">
                               <use xlink:href="#icon-UPzhu"></use>
                            </svg>
                              <i class="UPzhu">
                              "程序员就是我呀"
                              </i>
                          </p>
                          <p class="play">2.3万播放</p>
                      </div>
                  </a>
              </div>
              </div>
               <div class="video-card">
              <div class="info-box">
                  <a href="#">
                      <img src="~@assets/images/FirstScreen/first03.jpeg" alt="" class="imgg">
                      <div class="info">
                          <p title="每天练习一个小项目" class="title">每天练习一个小项目</p>
                          <p class="up">
                                <svg class="icon" aria-hidden="true">
                               <use xlink:href="#icon-UPzhu"></use>
                            </svg>
                              <i class="UPzhu">
                              "程序员就是我呀"
                              </i>
                          </p>
                          <p class="play">2.3万播放</p>
                      </div>
                  </a>
              </div>
              </div>
               <div class="video-card">
              <div class="info-box">
                  <a href="#">
                      <img src="~@assets/images/FirstScreen/first04.jpeg" alt="">
                      <div class="info">
                          <p title="每天练习一个小项目" class="title">每天练习一个小项目</p>
                          <p class="up">
                                <svg class="icon" aria-hidden="true">
                               <use xlink:href="#icon-UPzhu"></use>
                            </svg>
                              <i class="UPzhu">
                              "程序员就是我呀"
                              </i>
                          </p>
                          <p class="play">2.3万播放</p>
                      </div>
                  </a>
              </div>
              </div>
               <div class="video-card">
              <div class="info-box">
                  <a href="#">
                      <img src="~@assets/images/FirstScreen/first05.png" alt="">
                      <div class="info">
                          <p title="每天练习一个小项目" class="title">每天练习一个小项目</p>
                          <p class="up">
                              <svg class="icon" aria-hidden="true">
                               <use xlink:href="#icon-UPzhu"></use>
                            </svg>
                              <i class="UPzhu">
                              "程序员就是我呀"
                              </i>
                          </p>
                          <p class="play">2.3万播放</p>
                      </div>
                  </a>
              </div>
              </div>
    </div>   
         <div class="change-btn">
              <!-- <i class="bilifont bili-icon_caozuo_huanyihuan"></i> -->
              <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-face-with-tounge"></use>
              </svg>
              <span>换一换</span>
         </div>
  </div>
</template>

<script>
import Banner from "../Common/Banner/index.vue";
// import "./index.css"
export default {
    name:"FirstScreen",
    components:{
        Banner
    }
}
</script>

<style scoped src="./index.css">

</style>
